@import url("../fonts/fonts.css");
@import url("jquery.mCustomScrollbar.css");
@import url("print.css") print;

@charset "utf-8";
/* CSS Document */

/*===============================
PRINT
===============================*/

a.print { background:url(../img/print.png) no-repeat 0 0; height:19px; width:18px; position:absolute; right:0; top:10px;}

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
body { line-height:1.3; }
img { color:transparent; font-size:0; vertical-align:top; -ms-interpolation-mode:bicubic; }
ol, ul { list-style:none inside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*===============================
	frame
=================================*/

.f-right { float:right; }
.f-left { float:left; }
.zindex { position:relative; z-index: 1; }
.center { text-align:center; }
.trans { -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before,
.clearfix:after {
  content:'.';
  display:block;
  overflow:hidden;
  visibility:hidden;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
.clearfix:after { clear:both; }
.clearfix { zoom: 1; }

/*===============================
	html
=================================*/

body { font-family:"robotomedium", sans-serif; color:#251A05; min-width:960px; min-height:640px; }
a { text-decoration:none; cursor:pointer; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin-top:10px; }

h2.titulo-slide{ font-size:20px; color:#37008C; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, p:first-child, blockquote:first-child { margin-top:0; }

/*===============================
	#aside
=================================*/

#aside {
	float:left;
	position:relative;
	width:20%;
	height:100%;
	background:url(../img/stripes.png) no-repeat center;
}
#aside > div { height:100%; border-right:solid 1px #CCC; }
#aside div.wrapper { width:160px; padding:20px 0; margin:0 auto; }
#aside div.label { position:absolute; left:0; width:100%; height:40px; /* background-color:#FFF; border-left:6px solid rgb(231, 231, 231);*/ }
#aside p { font-size:0.625em; }

#header { text-align:center; }
#header a { display:block; }

#nav { position:absolute; top:50%; margin-top:-101px; }
#nav li { position:relative; display:block; margin-top:15px; }
#nav li a { display:block; width:160px; }
#nav li.inicio a { height:15px; background:url(../img/bg_inicio.png); }
#nav li.quienes a { height:22px; background:url(../img/bg_quienes.png); }
#nav li.productos a { height:82px; background:url(../img/bg_productos.png); }
#nav li.contactenos a { height:29px; background:url(../img/bg_contactenos.png); }

#nav li.inicio.active a, #nav li.inicio:hover a { background-position:0 -15px; }
#nav li.quienes.active a, #nav li.quienes:hover a { background-position:0 -22px; }
#nav li.productos.active a, #nav li.productos:hover a { background-position:0 -82px; }
#nav li.contactenos.active a, #nav li.contactenos:hover a { background-position:0 -29px; }

#footer { position:absolute; bottom:20px; }
#footer select { display:block; width:160px; padding:0; margin:0 auto 10px; border:solid 1px #CCC; background-color:#F0F0F0; }

/*===============================
	#content
=================================*/

#content {
	float:left;
	position:relative;
	width:80%;
	height:100%;
	overflow:hidden;
}

#content ul.slidetabs { display:none; }
#content img.background { position:absolute; top:0; left:0; }
#content img.background.right { left:auto; right:0; }

#content div.article {
	position:absolute;
	bottom:0;
	right:0;
	padding:20px;
	background:#FFF;
	background:rgba(255,255,255,0.9);
	z-index:1;
}

#photo { float:left; position:relative; width:100%; height:45%; overflow:hidden; }
#main { float:left; width:100%; height:55%; }
#main div.wrapper { height:400px; padding:0 20px; margin-top:20px; overflow:auto; }


#text { float:left; width:55%; height:100%; }
#text div.wrapper { border-right:solid 1px #CCC; }
#text p { font-size:0.95em;  }
#text ul.list { list-style:disc outside none; padding-left:15px; font-size:0.95em; }
#text ul.list li { margin-top:10px; }

#menu { float:left; width:20%; height:100%; }
#menu div.wrapper { border-right:solid 1px #CCC; }
#menu ul { padding-left:18px; list-style:none outside url(../img/bull.png); }
#menu li { margin-bottom:5px;}
#menu li a { border-bottom:solid 1px transparent; color:#251A05; }
#menu li a:hover { border-color:#37008C; }
#menu li.active a {  color:#37008C; font-family:'robotobold'; }

#menu2 { float:left; width:20%; height:100%; }
#menu2 div.wrapper { border-right:solid 1px #CCC; }
#menu2 ul { padding-left:18px; list-style:none outside url(../img/bull_r.png); }
#menu2 li { margin-bottom:5px;}
#menu2 li a { border-bottom:solid 1px transparent; color:#251A05; }
#menu2 li a:hover { border-color:#FF290B; }
#menu2 li.active a {  color:#FF290B; font-family:'robotobold'; }

#submenu { float:left; width:25%; height:100%; }
#submenu ul.accordeon { padding-left:16px; list-style:none outside url(../img/bull2.png); }
#submenu ul.accordeon a { color:#37008C; font-family:"robotomedium"; font-size:0.98em; }
#submenu ul.accordeon li { margin-bottom:5px;}
#submenu ul.accordeon a:hover { color:#535353; font-family:"robotomedium"; }
#submenu ul.accordeon ul { display:none; font-size:0.98em; margin-left:20px; }

#submenu2 { float:left; width:25%; height:100%; }
#submenu2 ul.accordeon { padding-left:16px; list-style:none outside url(../img/bull2_r.png); }
#submenu2 ul.accordeon a { color:#FF290B; font-family:"robotomedium"; font-size:0.98em; }
#submenu2 ul.accordeon li { margin-bottom:5px;}
#submenu2 ul.accordeon a:hover { color:#535353; font-family:"robotomedium"; }
#submenu2 ul.accordeon ul { display:none; font-size:0.98em; margin-left:20px; }


#submenu2 { float:left; width:25%; height:100%; }
#submenu2 ul.accordeon1 { padding-left:16px; list-style:none outside url(../img/bull2_r.png); }
#submenu2 ul.accordeon1 a { color:#FF290B; font-family:"robotomedium"; font-size:16px; }
#submenu2 ul.accordeon1 li { margin-bottom:5px; cursor:pointer;}
#submenu2 ul.accordeon1 a:hover { color:#251A05; font-family:"robotomedium"; }
#submenu2 ul.accordeon1 ul { display:none; font-size:0.98em; margin-left:20px; }


#main span.num { font-size:2.25em; color:#FF280B; font-family:"robotomedium_italic"; }
#main h1 { font-size:2.28em; color:#37008C; font-family:"robotomedium_italic"; line-height:1.3; }
#main h1.tit2 { font-size:2.28em; color:#FF280B; font-family:"robotomedium_italic"; line-height:1.3; }
#main h1.tit3 { font-size:2.28em; color:#FF280B; font-family:"robotomedium_italic"; line-height:1.3; }

#main h1.titulo { font-size:1.4em; color:#37008C; font-family:"robotomedium_italic"; }
#main h1.titulo2 { font-size:1.4em; color:#FF290B; font-family:"robotomedium_italic"; }

#main span.year { font-size:1.6em; color:#37008C; font-family:"robotomedium_italic"; }

p.link { text-align:right; }
p.link a  { padding:5px; background:#FF290B; font-size:13px; font-style:italic; color:#FFF; }

#contacto { padding:15px; }
#contacto p { font-size:0.72em; }
#contacto p a { color:#333; }
#contacto p a:hover { color:#FF290B; }
#contacto strong { color:#F00; }


#main .tabs b { display:block; padding-top:10px;}
#main ul.tabs li.current a { color:#251A05; }
#main ul.tabs li.current { color:#0404b4; }
#main ul.tabs li.disabled { padding:0; }
#main ul.tabs li.disabled a { display:block; padding:2px 8px 2px 9px; color:#FFF; }

#main ol.tabs li,#main ol.tabs2 li { list-style-type: circle;}
#main ol.tabs li a,#main ol.tabs2 li a  { color:#251A05;}
#main ol.tabs li.current, #main ol.tabs li.current a ,#main ol.tabs2 li.current, #main ol.tabs2 li.current a { color:#0404b4; }

#main div.pane { display:none; position:relative; }
#main div.pane p:first-child { margin-top:10px; }
#main div.pane p.f-left { width:50%; margin-right:20px; margin-top:0; }

/*===============================
	formulario
=================================*/

.sendMail #formulario {
	position:relative;
	top:24%;
	left:38%;
	z-index:100;
	width:350px;
	height: 292px;
	line-height:30px;
	color:white;
}
.sendMail form {
	width:350px;
	padding:10px;
}
.sendMail form label {
	color:#333333;
	
	
}

.sendMail form a#closeSendMail {
	color:white;
	text-decoration:none;
	font-weight:bold;
}
.sendMail form a#closeSendMail:hover {
	text-decoration:underline;
}
.sendMail h2 {
	font-size:25px;
	margin-bottom:0;
}
.sendMail h2, .sendMail p, .sendMail span, .sendMail p {
	color:white;
}
.sendMail form input[type="text"] {
	margin-top:5px;
	width:300px;
	height:25px;
	line-height:20px;
	
	border:none;
}
.sendMail form input[type="submit"] {
	height: 30px;
	width: 80px;
}
form input, form textarea, #option{ border:solid 1px #999; padding:3px 0;font-family:"robotolight", sans-serif; color:#333; }
form input[type=radio] { border:none; }

form textarea { width:348px;}
form input[type="text"]  { width:348px;margin-top:5px; }
form input[type="text2"]  { width:97px;margin-top:5px;}
form input[type="text3"]  { width:235px;margin-left:10px;margin-top:5px;}
form input[type="radio"]  {margin-left:15px;}

#option {margin-top:5px;width:350px; padding:2px;}


form p {
 float:left;
 /*margin-left:10px;*/

}
label {
	float:left;
}
.button {
	background: #FF0000;
	padding: 8px 12px;
	width:350px;
	color: white;
	border: none;
	font: 12px bold Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor:pointer;
}
form input[type="submit"]:hover { background-color:#fff; color:black; 
box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	background-color:#ccc;
 }
form input[type="reset"]:hover { background-color:#fff; color:black;

 box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
 border:1px solid black;
  }

  .small { font-size:11px;}

/*=============
NAVIGATION
=============*/
#menu2 #navigation { margin-top:20px; list-style:none!important; }
#menu2 #navigation li {  float:left; margin-right:10px; }
#menu2 #navigation li a { display:block; width:25px; height:25px; background-color:red; overflow:hidden; text-indent:-9000em; background-image:url(../img/arrows.png);}
#menu2 #navigation li a.left { background-position:left; }
#menu2 #navigation li a.right { background-position:right;}
/*===============================
	@media
=================================*/



@media screen and (min-width:1400px){
	#aside { width:15%; }
	#content { width:85%; }
	#text { width:65%; }
	#menu, #menu2 { width:15%; }
	#submenu, #submenu2 { width:20%; }
	/*#content img.background.right { top:-30px;*/ }
}